<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
	<!--框架开始-->
		<script src="../../skin/js/public.js"></script>
	<script src="../../js/convenient/convenient-broadband-detail.js"></script>
	<script>
			$(function() {
				v_list = new Vue({
					el: '#bianmin',
					data: {

					},
					methods: {
						
						//常用
						toIndex: function() {
							window.location = "../gover/index.html"
						},

						exitAttendTo: function() {
							$.openDialog({
								'title': '',
								"showClose": false,
								'width': 824,
								'height': 460,
								'url': '../gover/selfHelpExitChoose.html'
							});
						},
						toZhengwu_gr:function(){
							var type='gr'
							window.location ="../gover/readIdentityCard.html?type="+type;
							
						},
						toZhengwu_qy:function(){
							var type='qy'
							window.location ="../gover/readIdentityCard.html?type="+type;
							
						},
						toZhengwu_dept:function(){
							var type='dept'
							window.location ="../gover/readIdentityCard.html?type="+type;
							
						},
						toScanner:function(){
							window.location ="../gover/scannerIndex.html";
						},
						exitProcess: function(op,type) {
							if(op == 'index') {
								$.showConfirm({
									'title': '',
									'content': '是否退出办理？',
									"showClose": false,
									"sureLabel": "取消",
									"cancelLabel": "退出办理",
									'cancel': this.toIndex
								});
							} else if(op == 'scanner') {
								$.showConfirm({
									'title': '',
									'content': '是否退出办理？',
									"showClose": false,
									"sureLabel": "取消",
									"cancelLabel": "退出办理",
									'cancel': this.toScanner
								});
							}else if(op=='zhengwu'){
								if(type=='gr'){									
									$.showConfirm({
										'title': '',
										'content': '是否退出办理？',
										"showClose": false,
										"sureLabel": "取消",
										"cancelLabel": "退出办理",
										'cancel': this.toZhengwu_gr,
										key:"type"
									});
								}else if(type=='qy'){
									$.showConfirm({
										'title': '',
										'content': '是否退出办理？',
										"showClose": false,
										"sureLabel": "取消",
										"cancelLabel": "退出办理",
										'cancel': this.toZhengwu_qy,
										key:"type"
									});
								}else if(type=='dept'){
									$.showConfirm({
										'title': '',
										'content': '是否退出办理？',
										"showClose": false,
										"sureLabel": "取消",
										"cancelLabel": "退出办理",
										'cancel': this.toZhengwu_dept,
										key:"type"
									});
								}
							}
						},
						//常用结束
						return:function(){
							history.go(-1)
						},
						pay:function(){
							window.location='convenient-pay-bill.html';
						}
					},
					ready: function() {
						//初始化获得总页面数和列表数据

					}
				});
			});
		</script>
</head>

<body class="bianmin" id="bianmin">
	<!--头部-->
	<div class="yl-head">
		<div class="logo"></div>
	</div>

	<div class="yl-container">
		<div class="yl-container-l" id="left">
			</div>
		<div class="yl-container-r">
			<div class="yl-title1">宽带费</div>

			<div class="jiaofei-box">
				<div class="jiaofei-box-top"></div>
				<div class="form-box4">
					<div class="form-item form-heji">
						<div class="row cl">
							<label class="form_label2 col_6">应缴金额（2016年06~07月）</label>
							<div class="form_value col_6"><span class="flag">￥</span><span>350.68</span></div>
						</div>
					</div>
					<div class="form-item">
						<div class="row cl">
							<label class="form_label2 col_6">缴费单位</label>
							<div class="form_value col_6">苏州市电信公司</div>
						</div>
					</div>
					<div class="form-item">
						<div class="row cl">
							<label class="form_label2 col_6">缴费户号</label>
							<div class="form_value col_6">1002829</div>
						</div>
					</div>
					<div class="form-item">
						<div class="row cl">
							<label class="form_label2 col_6">缴费户名</label>
							<div class="form_value col_6">*勇</div>
						</div>
					</div>
					<div class="form-item tip2">
						<div>同意<span class="tip2_c" onclick="$.openDialog({'title':'','url':'convenient-tc-pay.html','width':560,'height':616});">《天好自助缴费服务协议》</span></div>
					</div>
				</div>
				<div class="jiaofei-box-end"></div>
			</div>
			<div class="btn-box1">
				<button class="btn btn_secondary radius btn2 m_scole mr_10" type="button"  @click="return()">上一步</button>
				<button class="btn btn_primary radius btn2 m_scole" type="button"  @click="pay()">立即缴费</button>
			</div>
		</div>
	</div>
			
</body>
</html>
  